<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 引入Layui -->
		<script src="../bootstrap-4.6.1/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../layui-v2.6.8/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../layui-v2.6.8/layui/css/layui.css" />
		<!-- 引入自己 -->
		<link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../public/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/shopphead.css" />
		<link rel="stylesheet" type="text/css" href="../css/address.css" />

	</head>
	<body>
		<div id="app">
			<!-- 头部 -->
			<div class="header">
				<!-- 头部导航栏 -->
				<div class="header-nav">
					<!-- 版心 -->
					<div class="main clear">
						<!-- 地图ul -->
						<ul class="map">
							<li class="nav-show">
								<a href="javascript:void(0)" class="icon-a">
									<i class="iconfont">&#xec3f;</i>
									<span class="font">地区</span>
								</a>
								<!-- 国内外地区 -->
								<div class="map-land nav-collapse">
									<div class="item-lists">
										<div class="item">
											<a href="">北京</a>
										</div>
										<div class="item">
											<a href="">北京</a>
										</div>
										<div class="item">
											<a href="">北京</a>
										</div>
										<div class="item">
											<a href="">北京</a>
										</div>
										<div class="item">
											<a href="">北京</a>
										</div>
									</div>
								</div>
							</li>
						</ul>
						<ul class="go-index">
							<!-- 返回首页 -->
							<li>
								<a href="../index.html">
									<i class="iconfont">&#xe600;</i>
									<span class="font">首页</span>
								</a>
							</li>
						</ul>
						<!-- 导航ul -->
						<ul class="nav-r">
							<li>
								<a href="html/login.html" id="userIndex">你好，请登录</a>
								&nbsp;&nbsp;
								<a href="html/register.html">免费注册</a>
							</li>
							<li class="spacer"></li>
							<li>
								<a href="">我的订单</a>
							</li>
							<li class="spacer"></li>
							<li class="cw-icon nav-show">
								<a href="">我的京东</a>
								<i class="iconfont">&#xe65f;</i>
								<div class="my-jd nav-collapse">

								</div>
							</li>
							<li class="spacer"></li>
							<li>
								<a href="">京东会员</a>
							</li>
							<li class="spacer"></li>
							<li class="cw-icon  nav-show">
								<a href="">企业采购</a>
								<i class="iconfont">&#xe65f;</i>
								<div class="enterprise nav-collapse">

								</div>
							</li>
							<li class="spacer"></li>
							<li>
								<a href="">客户服务</a>
							</li>
							<li class="spacer"></li>

							<li class="cw-icon  nav-show">
								<a href="">网站导航</a>
								<i class="iconfont">&#xe65f;</i>
								<div class="site-navigation nav-collapse">

								</div>
							</li>
							<li class="spacer"></li>
							<li class="cw-icon  nav-show">
								<a href="">手机京东</a>
								<div class="site-navigation nav-collapse nav-phone">

								</div>
							</li>
							<li class="spacer"></li>
							<li>
								<a href="">网站无障碍</a>
							</li>
						</ul>
					</div>
				</div>
				<!-- 头部logo搜索 -->
				<div class="logo-sea">
					<div class="main">
						<!-- 左边logo -->
						<div class="left-logo">
							<h1>

							</h1>
						</div>
						<!-- 中间搜索 -->
						<div class="center-sea">
							<!-- 顶部搜索 -->
							<div class="search-t">
								<!-- 搜索盒子 -->
								<div class="from-box">
									<input type="text" id="sea-input" value="" />
									<span class="iconfont">
										&#xe663;
									</span>
									<input type="button" id="sea-btn" value="&#xe61e;" class="iconfont" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 内容 -->
			<div class="context">
				<div class="main">
					<div class="address-box">
						<!-- 添加商品盒子头部 -->
						<div class="address-title">
							<button type="button" class="layui-btn layui-btn-radius layui-btn-primary" id="addres">添加地址</button>
						</div>
						<!-- 多个地址 -->
						<div class="ress-list">
							<!-- 单个地址item -->
							<div class="ress-item">
								<!-- 用户名标题和删除键 -->
								<div class="reitem-head">
									<h3>李掀金</h3>
									<span id="defress">默认地址</span>
									<div class="layui-btn-group">
										<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
											<i class="layui-icon">&#xe640;</i>
										</button>
									</div>
								</div>
								<!-- 用户地址信息 -->
								<div class="reitem-context">
									<!-- 左边 -->
									<div class="item-lcol">
										<!-- 收货人 -->
										<div class="item">
											<span class="label">收货人：</span>
											<div class="item-name">
												李欣金
											</div>
										</div>
										<!-- 所在地区 -->
										<div class="item">
											<span class="label">所在地区：</span>
											<div class="item-name">
												广东湛江市雷州市唐家镇
											</div>
										</div>
										<!-- 地址 -->
										<div class="item">
											<span class="label">地址：</span>
											<div class="item-name">
												广东湛江市雷州市唐家镇武郎村28号
											</div>
										</div>
										<!-- 手机 -->
										<div class="item">
											<span class="label">手机：</span>
											<div class="item-name">
												15014426360
											</div>
										</div>
									</div>
									<!-- 右边 -->
									<div class="item-rcol">
										<!-- 收货人 -->
										<div class="item">
											<span class="label">支付方式：</span>
											<div class="item-name">
												货到付款
											</div>
										</div>
										<!-- 所在地区 -->
										<div class="item">
											<span class="label">配送方式：</span>
											<div class="item-name">
												第三方配送
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 单个地址item -->
							<div class="ress-item">
								<!-- 用户名标题和删除键 -->
								<div class="reitem-head">
									<h3>李掀金</h3>
									<div class="layui-btn-group">
										<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
											<i class="layui-icon">&#xe640;</i>
										</button>
									</div>
								</div>
								<!-- 用户地址信息 -->
								<div class="reitem-context">
									<!-- 左边 -->
									<div class="item-lcol">
										<!-- 收货人 -->
										<div class="item">
											<span class="label">收货人：</span>
											<div class="item-name">
												李欣金
											</div>
										</div>
										<!-- 所在地区 -->
										<div class="item">
											<span class="label">所在地区：</span>
											<div class="item-name">
												广东湛江市雷州市唐家镇
											</div>
										</div>
										<!-- 地址 -->
										<div class="item">
											<span class="label">地址：</span>
											<div class="item-name">
												广东湛江市雷州市唐家镇武郎村28号
											</div>
										</div>
										<!-- 手机 -->
										<div class="item">
											<span class="label">手机：</span>
											<div class="item-name">
												15014426360
											</div>
										</div>
									</div>
									<!-- 右边 -->
									<div class="item-rcol">
										<!-- 收货人 -->
										<div class="item">
											<span class="label">支付方式：</span>
											<div class="item-name">
												货到付款
											</div>
										</div>
										<!-- 所在地区 -->
										<div class="item">
											<span class="label">配送方式：</span>
											<div class="item-name">
												第三方配送
											</div>
										</div>
									</div>
								</div>
								<!-- 编辑地址 -->
								<div class="extra">
									<a href="javascript:void(0)">设置默认</a>
									<a href="javascript:void(0)">编辑</a>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>


		</div>
	</body>
	<script src="../public/public.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/address.js" type="text/javascript" charset="utf-8"></script>
</html>
